.w-30 {
    width: 300px;
}

.w-40 {
    width: 400px;
}


.mb-20 {
    margin-bottom: 20px;
}
// 重置框架样式
.el-input__wrapper{
  box-shadow: 0 0 0 1px #979797 inset
}
.el-input__inner{
  height:40px;
}
.el-checkbox__inner{
  border: 1px solid #333;
}
// 按钮
.el-button--primary{
  background-color:#3D73F2 ;
  border-color:#3D73F2;
}
.el-button--warning{
  background-color: #F49E1F;
  border-color:#F49E1F;
}
.el-button--danger{
  background-color: #FF5E4C;
  border-color:#FF5E4C;
}
//复选框
.el-checkbox__input.is-checked+.el-checkbox__label{
  color:#3D73F2;
}
.el-checkbox__input.is-checked .el-checkbox__inner{
  background-color: #3D73F2;
  border-color: #3D73F2;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #3D73F2;
  border-color: #3D73F2;
}
//分页
.el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .btn-prev.is-active, .el-pagination.is-background .el-pager li.is-active{
  background-color:#3D73F2 !important;
  border-color:#3D73F2;
}

//按钮
.btn-box{
  text-align: center;
  padding-top:30px;
  padding-bottom:30px;
  .btns{
    width: 130px;
    height: 45px;
    color: #fff;
    font-size: 15px;
    border: none;
    &.l{
      background: #ECECEC;
      color: #000;
      margin-right:35px;
    }
  }
}
.my-popover-style ul{
  --el-menu-bg-color: #fff !important;
}
.my-popover-style .el-menu--popup{
  min-width:140px !important;
  padding:0 !important;
  .el-menu-item{
    justify-content: center !important;
    height:55px !important;
    color:#666;
  }
  .el-menu-item:not(.is-disabled):hover{
    background: #F0F3FE !important;
  }
}
.el-main{
  overflow-y: auto;
  overflow-x: hidden;
}
.second-page .el-date-editor.el-input, .el-date-editor.el-input__wrapper{
  width: 160px !important;
  color: #fff !important;
  border: 0 !important;

  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  text-align: center;
}
.second-page .el-input__wrapper{
  background: transparent !important;
  box-shadow: none !important;
  border: 1px solid #fff;
} 

.second-page .el-input__prefix{
  color: #fff !important;
}
.second-page .el-picker-panel__body .el-date-table td.current {
  color: #fff; /* 设置当前日期的字体颜色 */
  background-color: #409eff; /* 设置当前日期的背景颜色 */
}
.el-date-table td.today .el-date-table-cell__text{
  color: red!important;
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text{
  color: #fff!important;
}
/* 修改日期选择器的背景色 */
.second-page .el-picker-panel__body-wrapper {
  background-color: #000 !important;
}
.second-page  .el-input__inner{
  color: #fff !important;
}
 
// 折线气泡框自定义样式
.puple-common-tip{
  position: relative;
  padding: 20px;
  width: 110px;
  // height: 50px;
  font-size: 13px;
  background-color: #000;;
  color:#fff;
  background: url('/src/assets/tip_puple.png')  no-repeat 0  0 ;
  background-size: 100% 100%;
  text-align: center;
  p{
    margin-bottom: 15px;
  }
  .total-box{
    font-size: 17px;
    color: #6CDDFF;
    margin-right: 5px;
    // padding-top:5px;
    font-weight: bold;
  }
  .inner-text{
    font-size: 17px;
    color: #FFFFFF;
    .name{
      font-size: 15px;
      color: #FFFFFF;
    }
  }
}
.puple-common-tip-left{
  .name{
    font-size: 20px;
    color: #4C98FF;
    margin-right: 5px;
    padding-top:10px;
    font-weight: bold;
  }
  position: relative;
  width: 235px;
  height: 120px;
  background-color: #000;;
  color:#fff;
  background: url('/src/assets/tip_puple_left.png')  no-repeat 0  0 ;
  background-size: 100% 100%;
  text-align: center;
  .inner-text{
    font-size: 16px;
    color: #FFFFFF;
    &-item{
      height: 21px;
    }
    .name{
      font-size: 14px;
      color: #FFFFFF;
    }
  }
}
.change-puple-bg{
  position: relative;
  padding: 10px;
  width: 130px;
  height: 95px;
  background-color: #000;;
  color:#fff; 
  background: url('/src/assets/tip_puple_no_arrow.png')  no-repeat 0  0 ;
  background-size: 100% 100% ;
}
.asset-table-box{
  padding-top:30px;
}